/*
 * @Description:未开通市民卡模块
 * @Author: tao.xie
 * @Date: 2019-03-20 09:55:39
 * @Last Modified by: tao.xie
 * @Last Modified time: 2019-03-25 15:03:58
 */

<template>
  <div>
    <div class="header-wrapper flex-v flex-vc">
      <img src="../assets/wallet.png" />
      <span>钱包功能需先开通电子市民卡</span>
    </div>
    <button
      class="open-btn baseBgColorWithActive"
      @click="pushToApply"
    >开通电子市民卡</button>
  </div>
</template>

<script>
import { open } from '@/utils/JumpUtils.js'
export default {
  methods: {
    pushToApply: function () {
      open('virtualcardapply.html')
    }
  }
}
</script>

<style>
.header-wrapper {
  height: 260px;
  width: 750px;
  background: linear-gradient(
    111deg,
    rgba(25, 126, 253, 1) 0%,
    rgba(34, 164, 254, 1) 100%,
    rgba(40, 172, 255, 1) 100%
  );
}

.header-wrapper > img {
  width: 182px;
  height: 120px;
  margin-top: 30px;
}
.header-wrapper > span {
  font-size: 18px; /*no*/
  color: rgba(255, 255, 255, 1);
  line-height: 25px; /*no*/
  text-shadow: 0px 3px 6px rgba(42, 120, 209, 1);
  margin-top: 20px;
}

.open-btn {
  position: absolute;
  left: 30px;
  bottom: 60px;
  color: #fff;
  width: 690px;
  height: 80px;
  border: none;
  border-radius: 10px;
}
</style>
